<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数字签名</title>
    <link rel="stylesheet" href="Layuimini/lib/layui-v2.6.3/css/layui.css"
          th:href="@{Layuimini/lib/layui-v2.6.3/css/layui.css}" media="all">
    <link rel="stylesheet" href="Layuimini/lib/font-awesome-4.7.0/css/font-awesome.min.css"
          th:href="@{Layuimini/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <link rel="stylesheet" href="Layuimini/css/public.css" th:href="@{Layuimini/css/public.css}" media="all">
</head>

<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-row">
            <div class="layui-col-md12">
                <fieldset class="layui-elem-field layui-field-title" align="center">
                    <legend>签名面板</legend>
                </fieldset>

                 <div class="modal" id="mymodal" >
                <div class="modal-dialog">
                    <div class="modal-content">

                        <div class="modal-body" align="center">
                            <div class="js-signature" id="mySignature">
                                </div>
                            <div>
                                <button type="button" class="layui-btn" id="myEmpty"> <i class="fa fa-pencil-square-o"></i>清空面板</button>
                                <button type="button" class="layui-btn" id="myBackColor"> <i class="fa fa-dashboard"></i>背景颜色</button>
                                <!--//<div style="position:absolute;relative">-->
                                    <button type="button" class="layui-btn" id="myColor"> <i class="fa fa-eyedropper"></i>字体颜色</button>
                                    <button type="button" class="layui-btn" id="resetBtn"> <i class="fa fa fa-refresh"></i>刷新页面</button>
                                    <div id="colorpanel" style="position:absolute;z-index:99;display:none"></div>
                                   <!-- //</div>-->
                                </div>
                            </div>
                       <!-- <div class="modal-footer">

                            <button type="button" class="btn btn-default" id="myClose">关闭</button>
                            <button type="button" class="btn btn-primary" id="mySave"  >保存</button>
                            <div id="myImg">
                                <div>

                                    </div>
                                </div>
                            </div>-->
                        </div>
                    </div>
                </div>



            </div>
        </div>
    </div>
</div>
<script src="jQuery/jquery-2.1.1.min.js" th:src="@{LightYear/js/jquery.min.js}" charset="utf-8"></script>
<script src="Layuimini/lib/layui-v2.6.3/layui.js" th:src="@{Layuimini/lib/layui-v2.6.3/layui.js}"
        charset="utf-8"></script>

<script src="signature/js/WritingPad.js"></script>
<script src="signature/js/jq-signature.js"></script>

<script>

    $(function () {
        var wp = new WritingPad();
    });

    $("#resetBtn").click(function () {
        window.location.reload();
    })
</script>

</body>
</html>